/* IE10 and Windows Phone 8 hacks for viewport sizing issues */
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */
.google-map-canvas, .google-map-canvas * {.box-sizing(content-box);}
/* Optional responsive image override */
img {max-width: none;}
/* End fix Google Maps canvas */
a, a:hover {text-decoration: none;}
p.form-control-static {height: 38px; padding-top: 8px;}
.twitter-typeahead{width: 100%;}
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {margin-bottom: 0;}
.tt-dropdown-menu {
	min-width: 160px;
	width: 100%;
	margin-top: 2px;
	padding: 5px 0;
	background-color: white;
	border: 1px solid rgb(204, 204, 204);
	border: 1px solid rgba(0,0,0,.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.tt-suggestion {display: block;	padding: 3px 20px;}
.tt-suggestion.tt-is-under-cursor {
	color: white;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0077b3", GradientType=0)
}
.tt-suggestion.tt-is-under-cursor a {color: white;}
.tt-suggestion p {margin: 0;}
.form-group label span.label {margin-left: 10px; font-weight: normal;}
.well-clear {background-color: white;}
.ui-datepicker {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}
.ui-datepicker-header {
	background-image: none;
	background: none;
	background-color: #428bca;
	border: none;
	color: #fff;
}
.ui-widget-content .ui-state-default {
	background-image: none;
	background: none;
	background-color: #5bc0de;
	border: none;
	color: #fff;
}
.ui-widget-content .ui-state-active {
	background-image: none;
	background: none;
	background-color: #428bca;
	border: none;
	color: #fff;
}
.ui-widget-content .ui-state-highlight {
	background-image: none;
	background: none;
	background-color: #5bc0de;
	border: none;
	color: #fff;
}
.ui-widget-content .ui-state-hover {
	background-image: none;
	background: none;
	background-color: #5bc0de;
	border: none;
	color: #ef8c08;
}
div.progress {margin-left: 25%; margin-right: 25%; margin-top: 40px;}
.col20 {min-width: 20px; width: 20px;}
.col40 {min-width: 40px; width: 40px;}
.col80 {min-width: 80px; width: 80px;}
.col90 {min-width: 90px; width: 90px;}
.col100 {min-width: 100px; width: 100px;}
.col110 {min-width: 110px; width: 110px;}
.col120 {min-width: 120px; width: 120px;}
.col130 {min-width: 130px; width: 130px;}
.col140 {min-width: 140px; width: 140px;}
.col100p {width: 100%;}
a:hover {text-decoration: none;}

table.orderProducts tr > th {
	text-align: center;
	vertical-align: middle;
}
table.orderProducts tr > td {
	padding: 1em;
}
table.orderProducts th:first-child {
	text-align: left;
}
table.orderProducts tr:last-child td {
	border-bottom: 1px solid #ddd;
}
.coolButton {
	border: 3px solid #fff;
	border-radius: 8px;
	padding: 0.5em 1.3em .5em 2.2em;
	background: url(/common/images/nexus-7-new/button-blue-arrow.png) no-repeat 0.9em 50%;
	background-size: auto 28%;
	text-transform: uppercase;
	font-size: 1.25em;
	color: #fff;
	text-decoration: none;
}
/*table.orderProducts {
	empty-cells: show;
	line-height: normal;
	zoom: 1;
}
table.orderProducts thead tr {
	background-color: #e3e3e3
}
table.orderProducts thead tr th {
	background-color: #ffffff;
	background-image: none;
	background-position: inherit;
	background-repeat: inherit;
	border-color: #c5c5c5;
	border-width: 0 0 0 0;
	color: #2e2e2e;
	font-weight: normal;
	padding: .5em .6em .4em .6em;
	text-align: left;
	overflow: hidden;
}

table.orderProducts tbody tr td {
	border-color: #c5c5c5;
	border-width: 0 0 1px 0;
	color: #2e2e2e;
	padding: 1em;
}
table.orderProducts thead th:first-child, 
table.orderProducts tbody td:first-child, 
table.orderProducts tfoot td:first-child {
	text-align: right;
	border-width: 0 0 1px 0;
}
table.orderProducts thead th:last-child, 
table.orderProducts tbody td:last-child, 
table.orderProducts tfoot td:last-child {
	border-right-width: 0;
}

table.orderProducts thead > tr > th.thQuantity {
	border-width: 1px 1px 0 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
table.orderProducts thead > tr > th.thQuantityShipped {
	border-width: 1px 1px 0 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
table.orderProducts thead > tr > th.thShippedDate {
	border-width: 1px 1px 0 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
table.orderProducts thead > tr > th.thTrackingCode {
	border-width: 1px 1px 0 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
table.orderProducts tbody tr > td.tdQuantity {
	border-width: 0 1px 1px 1px;
	text-align: center;
	vertical-align: middle;
}
table.orderProducts tbody tr > td.tdQuantityShipped {
	border-width: 0 1px 1px 0;
	text-align: center;
	vertical-align: middle;
}
table.orderProducts tbody tr > td.tdShippedDate {
	border-width: 0 1px 1px 0;
	text-align: center;
	vertical-align: middle;
}
table.orderProducts tbody tr > td.tdTrackingCode {
	border-width: 0 1px 1px 0;
	text-align: center;
	vertical-align: middle;
}

table.orderProducts tbody > tr:first-child > td {
	border-top-width: 1;
}
table.orderProducts tbody > tr:nth-child(even) > td {
	background-color: #f5f5f5;
}
table.orderProducts tbody > tr:nth-child(even) > td {
	background-color: #ffffff;
}*/

/* 

kendo grid
---------------------

.k-grid table {
border-collapse: separate;
border-spacing: 0;
empty-cells: show;
}

kendo grid header styles
---------------------------

.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
border-left-width: 0;
}
div.k-grid-header .k-header {
border-bottom-width: 0;
}
.k-grid-header .k-header {
overflow: hidden;
border-style: solid;
border-width: 0 0 1px 1px;
padding: .5em .6em .4em .6em;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.k-grid-header .k-header {
text-align: left;
}
.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator {
border-color: #c5c5c5;
}
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle {
background-color: #e3e3e3;
}
.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item {
background-image: url('textures/highlight.png');
background-image: none,-webkit-linear-gradient(top,#f6f6f6 0,#eaeaea 100%);
background-image: none,-moz-linear-gradient(top,#f6f6f6 0,#eaeaea 100%);
background-image: none,-o-linear-gradient(top,#f6f6f6 0,#eaeaea 100%);
background-image: none,linear-gradient(to bottom,#f6f6f6 0,#eaeaea 100%);
background-position: 50% 50%;
background-color: #e3e3e3;
}
.k-header {
color: #2e2e2e;
}

kendo grid row styles
----------------------

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Pseudo ::before element
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Pseudo ::after element
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/

